<template>
    <div>
        <button type="button" @click="byDefault()">dianji</button>
        <el-row :gutter="20" style="margin-top: 30px">
            <el-col :span="10">
                <el-card header="完整调研报告" style="font-weight: bold;">

                </el-card>
            </el-col>
            <el-col :span="14">
                <el-card header="细分指数" style="font-weight: bold;height: 577px">
                    <div ref="detail" style="width: 600px; height: 400px"></div>
                </el-card>
            </el-col>
        </el-row>
    </div>
</template>

<script>
    import {getCompleteReport, getData, getDataRank} from "../../api/paperMG";

    export default {
        data() {
            return {
                show:true,
                slide1: [],
                myObject:[],
                avgObject:[],
                runningIndex:0,
                file: {},
                fileList: [],
                images:'',
            };
        },
        methods: {

            byDefault() {
                getCompleteReport().then(res=>{
                    console.log("==========返回完整报告，开始赋值==========");
                    console.log(res);
                    this.area = res.data.area
                    this.busiType = res.data.busiType
                    this.orgType = res.data.orgType

                    if (res.code === 200) {
                        // 模型类型 1-运行指数
                        let info = {
                            flag: "DEFALUT",
                            token: localStorage.getItem("JWT_TOKEN"),
                            remark: "1"
                        };

                        getData(info).then(res => {
                            this.myObject.nameList = res.data.myObject.nameList;
                            this.myObject.dataInfo = res.data.myObject.indexList;
                            this.avgObject.dataInfo = res.data.avgObject.indexList;
                            this.runningIndex = res.data.myObject.runningIndex;
                            console.log(" this.avgObject==>", this.avgObject);
                            console.log(" this.myObject==>", this.myObject);
                            console.log(" this.runningIndex==>", this.runningIndex);
                            console.log("res.code",res.code)
                            if (res.code === 200){
                                let myChart = this.$echarts.init(this.$refs.detail);
                                myChart.setOption({
                                    legend: {
                                        data: ['全国平均指数'],
                                        left: 'left',
                                    },
                                    radar: {
                                        indicator: this.myObject.nameList
                                    },
                                    series: [{
                                        type: 'radar',
                                        data: [
                                            {
                                                value: this.avgObject.dataInfo,
                                                name: '全国平均指数',
                                            }
                                        ]
                                    }]
                                });
                            }
                        });
                    }
                    // this.area.forEach((item,index)=>{
                    //     console.log(item);
                    //     for (let key in item){
                    //         console.log(key)
                    //         console.log(item[key])
                    //     }
                    // })
                });

            },
        }
    }
</script>


<!--<template>-->
<!--<div>-->
<!--<el-button-->
<!--size="small"-->
<!--type="success"-->
<!--@click="downLoadTemplate"-->
<!--&gt;下载模板文件-->
<!--</el-button>-->
<!--<div id="bg">-->
<!--<router-link to="/">首页</router-link>-->
<!--<div class="login-box">-->
<!--<form class="login-form">-->
<!--<input type="text" v-model="userDto.mobile" id="mobile" />-->
<!--<input type="password" v-model="userDto.password" />-->
<!--=================================================-->
<!--<div class="code-box">-->
<!--<input type="text" v-model="userDto.code" class="code" />-->
<!--<img class="verify" @click.prevent="refresh" ref="codeImg" />-->
<!--</div>-->
<!--=================================================-->
<!--<input type="button" class="btn btn-lg dark-fill" value="登录" @click="signIn(userDto)" />-->
<!--<router-link to="/sign-up">没有账号？去注册</router-link>-->
<!--</form>-->
<!--</div>-->
<!--</div>-->
<!--</div>-->
<!--</template>-->

<!--<script>-->

<!--export default {-->

<!--data() {-->
<!--return {-->
<!--userDto: {-->
<!--mobile: '',-->
<!--password: '',-->
<!--code: ''-->
<!--},-->
<!--token: ''-->
<!--};-->
<!--},-->
<!--created() {-->
<!--this.$axios.get('/api/v1/user/kaptcha', { responseType: 'blob' }).then(res => {-->
<!--console.log("===================");-->
<!--console.log("res.data==>",res.data);-->
<!--var img = this.$refs.codeImg;-->
<!--console.log("this.$refs.codeImg",this.$refs.codeImg);-->
<!--console.log("res.data==>",res.data);-->
<!--let url = window.URL.createObjectURL(res.data);-->
<!--img.src = url;-->
<!--console.log(res.headers);-->
<!--//取得后台通过响应头返回的sessionId的值-->
<!--this.token = res.headers['access-token'];-->
<!--console.log("this.token",this.token);-->
<!--});-->
<!--},-->

<!--methods: {-->

<!--signIn(userDto) {-->
<!--this.axios({-->
<!--method: 'post',-->
<!--url: this.GLOBAL.baseUrl + '/user/sign-in',-->
<!--data: JSON.stringify(this.userDto),-->
<!--headers: {-->
<!--'Access-Token': this.token  //将token放在请求头带到后端-->
<!--}-->
<!--}).then(res => {-->
<!--if (res.data.msg === '成功') {-->
<!--alert('登录成功');-->
<!--localStorage.setItem('user', JSON.stringify(res.data.data));-->
<!--this.$router.push('/');-->
<!--} else {-->
<!--alert(res.data.msg);-->
<!--this.userDto.code = '';-->
<!--}-->
<!--});-->
<!--},-->
<!--refresh() {-->
<!--this.axios.get( 'getCode', { responseType: 'blob' }).then(res => {-->
<!--console.log(res);-->
<!--var img = this.$refs.codeImg;-->
<!--let url = window.URL.createObjectURL(res.data);-->
<!--img.src = url;-->
<!--});-->
<!--},-->

<!--downLoadTemplate() {-->
<!--console.log("=========window.location.herf==========")-->
<!--window.location.herf = 'http://localhost:8088/D:/myDir1/myDir2test.xlsx'-->
<!--// this.$axios({-->
<!--//     method: 'get',-->
<!--//     // TIEASY_BASE_URL 配置在环境文件里-->
<!--//     url: '/api/v1/excel/download',-->
<!--//     params: null,-->
<!--//     // 如果你的接口需要验证token,则需要加上-->
<!--//     // headers: {'Authorization': "Bearer " + getToken()},-->
<!--//     responseType: 'blob',-->
<!--// }).then((data) => {-->
<!--//     if (!data) {-->
<!--//         return-->
<!--//     }-->
<!--//     let name = decodeURI(data.headers['filename']);-->
<!--//     if (window.navigator.msSaveOrOpenBlob) {-->
<!--//         // 兼容IE-->
<!--//         const blob = new Blob([data.data]);-->
<!--//         navigator.msSaveBlob(blob, name);-->
<!--//     } else {-->
<!--//         //  chrome/firefox-->
<!--//         let objUrl = window.URL.createObjectURL(data.data);-->
<!--//         let link = document.createElement('a');-->
<!--//         link.style.display = 'none';-->
<!--//         link.href = objUrl;-->
<!--//         link.setAttribute('download', name);-->
<!--//         document.body.appendChild(link);-->
<!--//         link.click()-->
<!--//     }-->
<!--// }).catch(function (error) {-->
<!--//     console.log(error);-->
<!--// })-->
<!--},-->

<!--}-->
<!--}-->
<!--</script>-->


<style scoped>
</style>
